<template>
  <div class="title-box">
    <img src="@/assets/images/bigScreen/work/top.png" alt="">
    <span>{{ title }}</span>
  </div>
</template>
<script>
export default {
  name: "Title",
  props: {
    title: {
      type: String,
      default: '这是标题',
    },
  },
}
</script>

<style scoped lang="scss">
.title-box {
  box-sizing: border-box;
  width: 100%;
  height: max-content;
  position: relative;
  img {
    vertical-align: middle;
    width: 100%;
    object-fit: contain;
  }
  span {
    position: absolute;
    top: 54%;
    left: 27px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;

  }
}
</style>
